<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<title>Portfolio de Proyectos - Advencys</title>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href='http://fonts.googleapis.com/css?family=Ubuntu:400,400italic,700,700italic,300,300italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Euphoria+Script' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/font-awesome/css/font-awesome.min.css" />
<link rel="stylesheet" media="screen" href="assets-newsletters/css/quick_newsletter.css"> 
<link rel="stylesheet" type="text/css" href="css/tango/skin.css" />
<link rel="stylesheet" href="css/colorbox.css" />
<link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/responsive.css" />
<link rel="stylesheet" href="css/color-01.css" id="site-color" />
<!--[if IE]>
<link rel="stylesheet" href="./css/ie-style.css" />
<![endif]-->
</head>

<body>

<!-- header start //-->

<div class="container">
	<div class="row">
		<div class="span5">

         <!-- site logo	//-->
        	<a href="#"><div class="site-logo">Advencys</div></a>
            <!-- site description //-->
            <div class="site-desc"></div>
        </div>
        <div class="span7">
        	<!-- header social buttons //-->
        	<div class="header-social-buttons">
			<a href="#" class="button button-color">Iniciar sesión</a>
            	<a href="#"><i class="icon-facebook"></i></a>
            	<a href="#"><i class="icon-twitter"></i></a>
            	<a href="#"><i class="icon-rss"></i></a>
            </div>

            <!-- site desktop menu start //-->
            <nav class="site-desktop-menu">
            	<ul>
                	<li>
                    	<a href="index.html">Inicio</a>
                       
                    </li>
                	
                	<li><a href="#">Conócenos</a>
                    	<ul>
                        	<li><a href="about.html">Nosotros</a></li>
                        	<li><a href="services.html">Servicios</a></li>
                        </ul>
                    </li>
                    
                	<li>
                    	<a href="#">Portfolio</a>
                        <ul>
                        	<li><a href="portfolio-single.html">TwoGestures</a></li>
                        	<li><a href="#.html">Diseño web</a></li>
                        	<li><a href="#">Aplicaciones</a></li>
							
                        </ul>
                    </li>
                	<li>
                    	<a href="contacts.html">Contacto</a>
                    </li>
                </ul>
</nav>
            <!-- site desktop menu end //-->
            <!-- site desktop menu start //-->
            <nav class="site-mobile-menu">
            	<i class="icon-reorder"></i>
            	<ul>
                	<li>
                    	<a href="index.html">Inicio</a>
       
                    </li>
                	
                	<li><a href="#">Conócenos</a>
                    	<ul>
                        	<li><a href="about.html">Nosotros</a></li>
                        	<li><a href="services.html">Servicios</a></li>
                        	
                        </ul>
                    </li>

                	<li>
                    	<a href="#">Portfolio</a>
                        <ul>
                        	<li><a href="portfolio-single.html">TwoGestures</a></li>
                        	<li><a href="#">Diseños</a></li>
                        	<li><a href="#">Aplicaciones</a></li>
                        </ul>
                    </li>
                	<li>
                    	<a href="contacts">Contacto</a>
                    </li>
                </ul>
</nav>
            <!-- site desktop menu end //-->
        </div>
    </div>
</div>

<div class="gray-line"></div>

<!-- header end //-->

<!-- page header start //-->
<div class="page-header pattern-bg">
	<div class="container">
    	<div class="row">
        	<div class="span6">
            	<h2> Portfolio de Proyectos </h2>
            </div>
            <div class="span6">
            	<p><a href="#">Inicio</a> <i class="icon-angle-right"></i> Portafolio de Proyectos </p>
            </div>
        </div>
    </div>
</div>
<!-- page header end //-->

<!-- main content start //-->
<div class="main-content">
	<div class="container">
    	<div class="row">
        
        	<!-- project images //-->
            <div class="span7">
             	<div class="main-content-block">
                	<div class="single-project-slides">
                    <ul id="single-projects-slides" class="jcarousel-skin-tango">
                        <li><img src="images/pages/single-project-1.png" alt=""></li>
                        <li><img src="images/pages/single-project-2.jpg" alt=""></li>
                        <li><img src="images/pages/single-project-3.jpg" alt=""></li>
                        <li><img src="images/pages/single-project-4.jpg" alt=""></li>
                    </ul>
                    </div>
                </div>
            </div>
            
            <!-- project details //-->
            <div class="span5">
            	<div class="main-content-block">
                	<p class="page-intro">Suspendisse a odio congue, condimentum leo a, suscipit justo. Nulla non laoreet augue, vel vestibulum dolor.</p>
                    <p>enean vitae nisi pharetra, condimentum arcu id, condimentum lectus. Donec velit diam, pellentesque a convallis nec, ullamcorper sit amet tortor. Pellentesque eros dolor, hendrerit semper nisi eu, lobortis tincidunt sem.</p>
                </div>
            	<div class="main-content-block">
                    <h3>project details</h3>
                    <div class="single-project-details">
                        <p><span>agency:</span> "Quisque Quam Enim"</p>
                        <p><span>client:</span> John Doe</p>
                        <p><span>date:</span> 12 Jul, 2012</p>
                        <p><span>AD:</span> Praesent dictum lorem condimentum, rutrum sem.</p>
					</div>
                    <p><a href="#" class="button button-color"><i class="icon-search"></i> view project</a></p>
                </div>
            </div>
         </div>
    </div>
           
            <!-- related projects start //-->
			<div class="main-content-block">
            <div class="container">
                <div class="row">
                    <div class="span12">
                        <div class="latest-projects latest-projects-2">
                            <h2>related projects</h2>
                            <div class="latest-projects-wrapper">
                                <ul id="latest-projects-items" class="jcarousel-skin-tango">
                                    <li>
                                        <div class="project-details">
                                            <p class="project-title"><a href="#">project title</a></p>
                                            <p class="project-tags"><a href="#">web</a>, <a href="#">HTML</a>, <a href="#">CSS</a></p>
                                            <div class="buttons">
                                                <a href="images/pages/project-1-1.jpg" title="Project Title Goes Here"><i class="icon-search"></i></a>
                                                <a href="#"><i class="icon-link"></i></a>
                                            </div>
                                        </div>
                                        <img src="images/pages/project-1-1.jpg" alt="">
                                    </li>
                                    <li>
                                        <div class="project-details">
                                            <p class="project-title"><a href="#">project title</a></p>
                                            <p class="project-tags"><a href="#">web</a>, <a href="#">HTML</a>, <a href="#">CSS</a></p>
                                            <div class="buttons">
                                                <a href="images/pages/project-2-1.jpg" title="Project Title Goes Here"><i class="icon-search"></i></a>
                                                <a href="#"><i class="icon-link"></i></a>
                                            </div>
                                        </div>
                                        <img src="images/pages/project-2-1.jpg" alt="">
                                    </li>
                                    <li>
                                        <div class="project-details">
                                            <p class="project-title"><a href="#">project title</a></p>
                                            <p class="project-tags"><a href="#">web</a>, <a href="#">HTML</a>, <a href="#">CSS</a></p>
                                            <div class="buttons">
                                                <a href="images/pages/project-3-1.jpg" title="Project Title Goes Here"><i class="icon-search"></i></a>
                                                <a href="#"><i class="icon-link"></i></a>
                                            </div>
                                        </div>
                                        <img src="images/pages/project-3-1.jpg" alt="">
                                    </li>
                                    <li>
                                        <div class="project-details">
                                            <p class="project-title"><a href="#">project title</a></p>
                                            <p class="project-tags"><a href="#">web</a>, <a href="#">HTML</a>, <a href="#">CSS</a></p>
                                            <div class="buttons">
                                                <a href="images/pages/project-4-1.jpg" title="Project Title Goes Here"><i class="icon-search"></i></a>
                                                <a href="#"><i class="icon-link"></i></a>
                                            </div>
                                        </div>
                                        <img src="images/pages/project-4-1.jpg" alt="">
                                    </li>
                                    <li>
                                        <div class="project-details">
                                            <p class="project-title"><a href="#">project title</a></p>
                                            <p class="project-tags"><a href="#">web</a>, <a href="#">HTML</a>, <a href="#">CSS</a></p>
                                            <div class="buttons">
                                                <a href="images/pages/project-5-1.jpg" title="Project Title Goes Here"><i class="icon-search"></i></a>
                                                <a href="#"><i class="icon-link"></i></a>
                                            </div>
                                        </div>
                                        <img src="images/pages/project-5-1.jpg" alt="">
                                    </li>
                                    <li>
                                        <div class="project-details">
                                            <p class="project-title"><a href="#">project title</a></p>
                                            <p class="project-tags"><a href="#">web</a>, <a href="#">HTML</a>, <a href="#">CSS</a></p>
                                            <div class="buttons">
                                                <a href="images/pages/project-6-1.jpg" title="Project Title Goes Here"><i class="icon-search"></i></a>
                                                <a href="#"><i class="icon-link"></i></a>
                                            </div>
                                        </div>
                                        <img src="images/pages/project-6-1.jpg" alt="">
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
            <!-- related projects end //-->
        
</div>
<!-- main content end //-->

<!-- footer start //-->
<footer class="site-footer">
	<div class="container">
    <div class="row">
        	<div class="span3">
            	<div class="footer-widget footer-about">
                	<div class="footer-about-logo">Advencys</div>
                    <p>In id lacinia dolor. Nam lectus quam, ultricies a rutrum in, mattis nec mi. Vestibulum at tempus arcu. Fusce sit amet velit vitae mauris tempus gravida. Nullam at felis a nisl iaculis sodales. Praesent euismod porttitor nibh, et dictum tellus accumsan sed.</p>
                    <p class="soc-icons">
                    	<a href="#"><i class="icon-facebook"></i></a>
                    	<a href="#"><i class="icon-twitter"></i></a>
                    	<a href="#"><i class="icon-linkedin"></i></a>
                    	<a href="#"><i class="icon-google-plus"></i></a>
                    	<a href="#"><i class="icon-rss"></i></a>
                    </p>
                </div>
            </div>
        	<div class="span3">
            	<div class="footer-widget footer-newsletters">
	            	<h2>Suscripción</h2>
                    <div class="quick_newsletter">
                    	<p>Subscribete para estar informado sobre nuestas noticias y proyectos.</p>
                        <form action="http://rivathemes.com/html/magnis/php/process.php">
                        	<input name="name" id="name" value="Name" class="text text-name" onBlur="_hint(this,'Name',1)" onClick="_hint(this,'Name',0)" type="text">
                       		<input name="email" id="email" value="email" class="text" onBlur="_hint(this,'email',1)" onClick="_hint(this,'email',0)" type="text">
                            <button type="submit" name="submit" value="Subscribe me!" class="button btn" onClick="doSubscribe(this,'#subscribe_response_div');"><i class="icon-ok-sign"></i></button>
                            <div class="span12">
                            	<span id="subscribe_response_div"></span>
                            </div>
                        </form>
         	       </div>
                </div>
            </div>
        	
        	<div class="span3">
            	<div class="footer-widget footer-contacts">
	            	<h2>Contacto</h2>
                    <div class="footer-contacts-wrapper">
                    	<ul>
                        	<li class="li1">Dirección:</li>
                            <li class="li2">Córdoba Veracruz</li>
                        	<li class="li1">Telefono:</li>
                            <li class="li2">271 234 56 78</li>
                        	<li class="li1">Correo:</li>
                            <li class="li2"><a href="#">soporte@innsoft.com</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
<!-- footer end //-->

<!-- bottom line start //-->
<div class="bottom-line">
	<div class="container">
    	<div class="row">
        	<div class="span6">
			<p>© 2014 Todos los derechos reservados. <a href="innsoft.com">Advencys</a></p>
            </div>
        	<div class="span6">
            	<p class="bottom-menu"><a href="#">Iniciar sesión</a></p>
            </div>
        </div>
    </div>
</div>
<!-- bottom line end //-->

<!-- to the top start //-->
<div id="to-the-top"><i class="icon-angle-up"></i></div>
<!-- to the top end //-->

</body>

<!-- scripts start //-->
<script src="js/jquery.js"></script>
<script src="js/layerslider.kreaturamedia.jquery.js"></script>
<script src="js/layerslider.transitions.js"></script>
<script src="js/jquery-easing-1.3.js" type="text/javascript"></script>
<script src="js/jquery-transit-modified.js" type="text/javascript"></script>
<script src="js/modernizr.js"></script>
<script src="js/jquery.jcarousel.min.js"></script>
<script type="text/javascript" src="assets-newsletters/scripts/quick_newsletter.js"></script> 
<script src="js/jquery.colorbox.js"></script>
<script>
jQuery(document).ready(function() {
	jQuery('#single-projects-slides').jcarousel({
		scroll: 1,
		visible: 1,
		wrap: 'both'
    });
});
</script>
<script src="js/custom.js"></script>
<!-- scripts end //-->

</html>